<template>
	<view class="footer">
		<view class="f1">
			<text @click="goToLogin">登录</text>
			<text>|</text>
			<navigator open-type="navigate" url="/pages/RegisterLogin/RegisterLogin" >注册</navigator>
			<text>|</text>
			<navigator open-type="redirect" url="/pages/index/index">订单服务</navigator>
			<text>|</text>
			<text @click="goTop">返回顶部</text>
		</view>
		<view class="f2">
			<view class="service">
				<image src="/static/品牌图/4.png" class="icon" mode="widthFix">
					<text class="txt">品质保障</text>
			</view>
			<view class="service">
				<image src="/static/品牌图/1.png" class="icon" mode="widthFix">
					<text class="txt">会员特惠</text>
			</view>
			<view class="service">
				<image src="/static/品牌图/3.png" class="icon" mode="widthFix">
					<text class="txt">免费退换</text>
			</view>
			<view class="service">
				<image src="/static/品牌图/2.png" class="icon" mode="widthFix">
					<text class="txt">长期质保</text>
			</view>
		</view>
		<view class="f3">
			<text>向阳运动服饰科技有限公司 © 版权所有 2002-2022</text>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {

			};
		},
		methods: {
			goTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300,

				})

			},
			goToLogin() {
				//跳转方法1：导航跳转/保留跳转
				// uni.navigateTo({
				// 	url:"/pages/productList/productList"
				// })
				//跳转方法2：重定向跳转，不保留页面
				// uni.redirectTo({
				// 	url:"/pages/productList/productList"
				// })
				//跳转方法3,返回之前页面，必须之前页面有保留
				// uni.navigateBack()
				// 跳转方法4,
				// uni.reLaunch({
				// 	url:"/pages/productList/productList"
				// })
				// 跳转方法5,切换页签，没有页签跳不了，其他跳转不能跳转页签
				uni.navigateTo({
					url: "/pages/RegisterLogin/RegisterLogin?Login=Login"
				})

			}
		}
	}
</script>

<style lang="scss">
	.footer .f2 .service .icon[data-v-1cb6dd16] {
	    width: 43px;
	}
	.footer .f2[data-v-1cb6dd16]{
		    padding: 10px 0px;
	}
	.footer .f1[data-v-1cb6dd16]{
		    padding: 10px 12px
	}
	.footer {
		background-color: #fff;
		border-top: 1px solid #c8c7cc;
		box-shadow: 0 0 12rpx #c8c7ccr;
		padding: 0 10px;
		font-size: 12px;
		color: #737373;
		
		.f1 {
			padding: 10px 0;
			display: flex;
			justify-content: space-around;

		}

		.f2 {
			border-top: 1px solid #c8c7cc;
			border-bottom: 1px solid #c8c7cc;
			padding: 10px 0;
			display: flex;
			flex: 1;
			justify-content: space-around;
			align-items: center;

			.service {
				display: flex;
				flex-direction: column;
				image{
					margin-bottom: 20rpx;
				}

				.icon {
					width: 110rpx;
				}
			}
		}

		.f3 {
			padding: 10px 0;
			text-align: center;
		}
	}
</style>
